{% extends "base.html" %}

{% block subtitle %}
  Playtesters' Queue
{% endblock subtitle %}

{% block content %}
  <script type="text/ng-template" id="playtestQueue/main">
    <table class="table">
      <thead>
        <th class="col-lg-4 col-md-4 col-sm-4"><h4>Exploration</h4></th>
        <th class="col-lg-2 col-md-2 col-sm-2"><h4>Category</h4></th>
        <th class="col-lg-2 col-md-2 col-sm-2"><h4>Last updated</h4></th>
      </thead>
      <tr ng-repeat="exploration in explorations track by $index">
        <td class="col-lg-4 col-md-4 col-sm-4">
          <a ng-href="/explore/<[exploration.id]>" class="oppia-gallery-tile">
            <div>
              <span class="glyphicon glyphicon-play-circle"></span>
              <span class="oppia-gallery-tile-title"><[exploration.title]></span>
              <span ng-if="exploration.community_owned" class="label label-info pull-right">
                Community-owned
              </span>
            </div>
          </a>
        </td>
        <td class="col-lg-2 col-md-2 col-sm-2">
          <[exploration.category]>
        </td>
        <td class="col-lg-2 col-md-2 col-sm-2">
          <[getLocaleStringForDate(exploration.last_updated)]>
        </td>
      </tr>
    </table>
  </script>

  <div class="container" ng-controller="PlaytestQueue">
    <div class="row">
      <div class="col-lg-8 col-md-8 col-sm-8">
        <div class="oppia-main-content">

          <h3 class="oppia-page-title">
            Playtesters' Queue
          </h3>

          <p>All explorations on this page are still in beta. Play them and give feedback to make them better!</p>
          <playtest-queue-section explorations="publicExplorations">
          </playtest-queue-section>

          <div ng-if="privateExplorations">
            <br><br>
            <h4>Private explorations you've been invited to playtest</h4>
            <playtest-queue-section explorations="privateExplorations">
            </playtest-queue-section>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock %}

{% block footer_js %}
  {{ super() }}
  <script>
    {{ include_js_file('galleries/PlaytestQueue.js') }}
  </script>
{% endblock footer_js %}
